<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    <meta http-equiv="Content-Language" content="fr" />        
    <title>Allocine View {$version}</title>
    <!-- Bootstrap -->    
    <link href="./libs/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">
    <link rel="stylesheet" type="text/css" href="css/allocineview.css" />
  </head>
  <body>    
    <script src="http://code.jquery.com/jquery.js"></script>
    <script src="./libs/bootstrap/js/bootstrap.min.js"></script>
    <script type="text/javascript">
      $(document).ready( function () {
        $('.poster').popover();
        $('.film').tooltip('show');
        $('.poster').mouseout(function(){    
        $('#'+$(this).attr('id')).popover('hide');
        });
      });
    </script>
    {include file="header.tpl" title=foo}
  
	  <div id="tj_container" class="tj_container">					
      <div class="listeFilms">
			         
          {foreach from=$listeFilmsDetails item=movieDetail name=movieDetails}
           {if $movieDetail@iteration%4==1}<div class="row-fluid listeFilms">{/if}

            <div class="span3 film" data-placement="bottom"  data-toggle="tooltip" data-trigger='manual' data-original-title='{$movieDetail->title|utf8_encode}'>
              <img data-toggle="popover" class='img-polaroid poster mosaic-block movie' data-html="true" id='{$movieDetail->code}' src='{$movieDetail->posterURLLocal}'   data-original-title="<b>{$movieDetail->title|utf8_encode|replace:'"':''}</b>
<div id='rating'>
   {if {$movieDetail->pressRating}>0}<div id='pressRating' class='rating'> Presse({math equation="x" x=$movieDetail->pressRating format="%.2f"})<div class='star-holder'><div class='star-rating' style='width: {$movieDetail->pressRating*59/5}px'></div></div></div>{/if}
  {if {$movieDetail->userRating}>0}<div id='userRating' class='rating'> Spectateurs({math equation="x" x=$movieDetail->userRating format="%.2f"})<div class='star-holder'><div class='star-rating' style='width: {$movieDetail->userRating*59/5}px'></div></div></div>{/if}
</div>

              " data-content="
                          <div id='contentDetails'>                                                        
                            <div id='productionYear'>Produit en : <b>{$movieDetail->productionYear}</b></div>
                            {if $movieDetail->releaseDate!='0000-00-00'}<div id='releaseDate'>Date de sortie : <b>{$movieDetail->releaseDate}</b></div>{/if}
                            <div id='directors'>Réalisé par : <b>{$movieDetail->directors|utf8_encode}</b></div>
                            <div id='actors'>Avec : <b>{$movieDetail->actors}</b></div><hr />
                            <b>{$movieDetail->synopsis|replace:'"':''}</b>
                          </div>" {if $movieDetail@iteration%4==0 || $movieDetail@iteration%4==3}data-placement='left'{/if}>
            </div>
            {if $movieDetail@iteration%4==0 || $smarty.foreach.movieDetails.last}</div>{/if}
          {/foreach}    
        
		  </div>
    </div>  	
    {include file="footer.tpl"}
  </body>
</html>


